/* IP 구독 */
.layer-popup__body .ip_sbj{
    margin-top:16px;
    padding:23px 32px;
    box-shadow: 0 3px 14px rgba(41, 49, 69, 0.1);
}
.layer-popup__body .ip_sbj .img{
    max-width: 100px;
}
.layer-popup__body .agree_caution{
    margin:32px 0 16px;
}
.layer-popup__body .agree_caution ul{
    display: flex;
    flex-direction: column;
    gap:5px;
    margin-top:10px;
}
.layer-popup__body .agree_caution ul li{
    font-size:12px;
    color:var(--cGray2);
    padding-left:12px;
    position:relative;
}
.layer-popup__body .agree_caution ul li:before{
    content:'';
    background-color: var(--cGray4);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    display: inline-flex;
    position: absolute;
    left:5px;
    top:5px;
}
/* 옵션 선택 */
.layer-popup__body .prd_option .figure{ 
    border-radius: 12px;
    overflow: hidden;
    width: 55px;
    min-width: 55px;
}

.layer-popup__body .b_total_price{ 
    margin-top:12px;
}
.layer-popup__body .b_total_price h4{
    font-size:15px;
    font-weight:var(--fw-semibold);
    color:var(--cGray1);
}
.layer-popup__body .b_total_price .total{
    font-size:18px;
    font-weight:var(--fw-semibold);
    color:var(--cGray1);
}
/* 이벤트 모아보기 */
.layer-popup__body .event-overview__container > ul > li > a{
    display: flex;
    border-radius: 24px;
    overflow: hidden;
} 
/* 쿠폰 다운받기 */
.layer-popup__body .coupon_list ul li > a{
    display: flex;
    align-items: center;
    aspect-ratio: 335 / 130;
    position: relative;
    padding:17px 0 17px 20px;
    justify-content: space-between;
}
.layer-popup__body .coupon_list ul li.end > a{
    pointer-events: none;
}
.layer-popup__body .coupon_list ul li > a:before{
    content:'';
    aspect-ratio: 335 / 130;
    width: 100%;
    height: 100%;
    background:url(../images/common/coupon_bg.svg)no-repeat center/contain;
    position: absolute;
    z-index: -1;
    left:0;
    top:0;
}
.layer-popup__body .coupon_list ul li.end > a:before{
    background:url(../images/common/coupon_bg03_02.svg)no-repeat center/contain;
}


.layer-popup__body .coupon_list ul li > a .text-a .sbj{
    color:var(--primaryColor);
    font-size:12px;
    font-weight:var(--fw-semibold);
}
.layer-popup__body .coupon_list ul li > a .text-a .percent{
    font-size:22px;
    font-weight:var(--fw-semibold);
    color:var(--cRed);
}
.layer-popup__body .coupon_list ul li > a .text-a .date{
    font-size:12px;
    color:var(--cGray4);
    margin-left:5px;
}
.layer-popup__body .coupon_list ul li > a .text-a .name{
    font-size:14px;
    font-weight:var(--fw-semibold);
    color:var(--cGray1);
}
.layer-popup__body .coupon_list ul li.end > a .text-a .name{
    color: var(--cGray2);
}
.layer-popup__body .coupon_list ul li > a .text-a .terms{
    display: flex;
    align-items: center;
    gap:10px;
    margin-top:5px;
}
.layer-popup__body .coupon_list ul li > a .text-a .terms span{
    font-size:12px;
    color:var(--cGray4);
    position:relative;
}
.layer-popup__body .coupon_list ul li > a .text-a .terms span + span:before{
    content:'';
    background-color: var(--cGray7);
    width: 1px;
    height:10px;
    position: absolute;
    left:-5px;
    top:50%;
    transform: translateY(-50%);
}
.layer-popup__body .coupon_list ul li > a .status{
    width: 22%;
}
.layer-popup__body .coupon_list ul li > a .status > div{
    display: flex;
    align-items: center;
    justify-content: center;

    font-size:13px;
    color:var(--cGray3);
    text-align: center;
}
.layer-popup__body .coupon_list ul li > a .status > div > p{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height:44px;
    border-radius: 50%;
    background-color: #E4E8F2;
}


/* 배송비 안내 */
.layer-popup__body .delivery_caution{
    margin:16px 0;
}

.layer-popup__body .delivery_caution ul li{
    position:relative;
    font-size:14px;
    padding-left:22px;
    color:var(--cGray1);
}
.layer-popup__body .delivery_caution ul li:before{
    content: '';
    background-color: var(--cGray1);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    display: inline-flex;
    position: absolute;
    left: 11px;
    top: 7px;
}

/* 사은품 안내 */

.layer-popup__body .freebies_c{
    margin:16px 0;
}
.layer-popup__body .freebies_prd .title{}

.layer-popup__body .freebies_prd ul li{
    display: flex;
    align-items:center;
    gap:10px;
}
.layer-popup__body .freebies_prd ul li .figure{
    display: flex;
    align-items:center;
    justify-content: center;
    width: 55px;
    min-width: 55px;
    border-radius: 12px;
    overflow: hidden;
}
.layer-popup__body .freebies_prd ul li .text-a{
    display: flex;
    flex-direction: column;
    gap:4px;
}
.layer-popup__body .freebies_prd ul li .text-a .val{
    font-size:11px;
    color:var(--cGray3);
}
.layer-popup__body .freebies_list .item{
    position:relative;
}
.layer-popup__body .freebies_list .item + .item::before{
    content:'';
    background-color: var(--cGray8);
    position: absolute;
    width: 100%;
    height:1px;
    top:-17px;
}
.layer-popup__body .freebies_list .payment p{
    padding-left:18px;
}

.layer-popup__body .freebies_list .payment p:before{
    content: '';
    background-color: var(--cGray2);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    display: inline-flex;
    position: absolute;
    left: 8px;
    top: 7px;
}
.layer-popup__body .cBg_caution{
    background-color: var(--cBg);
    border-radius: 12px;
    padding:16px 20px 16px 12px;
}

.layer-popup__body .cBg_caution ul li{
    position:relative;
    font-size:12px;
    padding-left:18px;
    color:var(--cGray2);
}

.layer-popup__body .cBg_caution ul li:before{
    content: '';
    background-color: var(--cGray2);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    display: inline-flex;
    position: absolute;
    left: 8px;
    top: 5px;
}
/* 포토리뷰 리스트 */
.layer-popup__body .reviewList{
    padding:16px;
}
.layer-popup__body .reviewList ul{
    display: flex;
    flex-wrap: wrap;
    gap:14px;
}
.layer-popup__body .reviewList ul > li{
    width: calc((100% / 3) - 10px);
}
.layer-popup__body .reviewList ul > li > a{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    overflow: hidden;
    position:relative;
    aspect-ratio: 1;
}
.layer-popup__body .reviewList ul > li > a img{
    width: 100%;
    height: 100%;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -o-object-fit: cover;
       object-fit: cover;
}
.layer-popup__body .reviewList ul > li > a .num{
    position:absolute;
    right:4px;
    bottom:4px;
    color:#fff;
    background-color: rgba(0,0,0,0.6);
    padding:0 5px;
    border-radius: 12px;
    height:28px;
    font-size:14px;
    min-width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 포토리뷰 상세 */
.layer-popup__body .reviewDetail{
    background-color: #F0F1FA;
    min-height: 100%;
}
.layer-popup__body .reviewDetail .detail_swiper{
    padding-bottom:16px;
    background-color: #fff;
}
.layer-popup__body .reviewDetail .detail_controller{
    padding:16px 16px 0;
    display: flex;
    position: relative;

}
.layer-popup__body .reviewDetail .detail_controller .swiper{
    border-radius: var(--radius-md);
    overflow: hidden;
}
.layer-popup__body .reviewDetail .detail_controller .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;

}

.layer-popup__body .reviewDetail .detail_controlled{}
.layer-popup__body .reviewDetail .detail_controlled .swiper{
    padding:0 16px;
}
.layer-popup__body .reviewDetail .detail_controlled .swiper-slide{
    overflow: hidden;
    border-radius: 16px;
    cursor: pointer;
    position: relative;
    aspect-ratio: 1;
}
.layer-popup__body .reviewDetail .detail_controlled .swiper-slide img{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
}
.layer-popup__body .reviewDetail .detail_controlled .swiper-slide.swiper-slide-thumb-active::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 16px;
    background: linear-gradient(
      to bottom left,
      #00B8BA 0%,
      #3E52E3 100%
    );
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
    z-index: 1;
  }
.layer-popup__body .reviewDetail .detail_controller .pagination_box {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 20px;
    position: absolute;
    right: 12px;
    bottom: 12px;
    display: flex;
    z-index: 1;
    align-items: center;
    gap: 4px;
    padding: 5px 12px;
  }
  
.layer-popup__body .reviewDetail .detail_controller .pagination_box .swiper-pagination {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    font-size: 11px;
    color: #fff;
    display: flex;
    gap: 10px;
    align-items: center;
  }
.layer-popup__body .reviewDetail .detail_controller
    .pagination_box
    .swiper-pagination
    .swiper-pagination-current {
    font-weight: var(--fw-semibold);
  }
.layer-popup__body .reviewDetail .detail_controller
    .pagination_box
    .swiper-pagination
    .swiper-pagination-total {
    position: relative;
    color: rgba(255, 255, 255, 0.8);
  }
  
.layer-popup__body .reviewDetail .detail_controller
    .pagination_box
    .swiper-pagination
    .swiper-pagination-total:before {
    content: "/";
    position: absolute;
    left: -6.5px;
    color: rgba(255, 255, 255, 1);
  }
.layer-popup__body .reviewDetail .review_text{
    padding:24px 16px;
    background-color: #F0F1FA;
}
.layer-popup__body .reviewDetail .review_text .item{
    display: flex;
    flex-direction: column;
    padding:16px 20px 20px;
    background-color: #fff;
    border-radius: 34px;
    box-shadow: 0 0 16px rgba(204, 209, 220, 0.4);
}
.layer-popup__body .reviewDetail .review_text .item .profile{
    display: flex;
    align-items: flex-start;
    gap:12px;
}
.layer-popup__body .reviewDetail .review_text .item .profile .figure{
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 40px;
    min-width: 40px;
}
.layer-popup__body .reviewDetail .review_text .item .profile .text-a .name{

}
.layer-popup__body .reviewDetail .review_text .item .profile .text-a .date{
    font-size:12px;
    color:var(--cGray4);
    margin-top:2px;
}



/* 제품문의 / 재입고 알림 */
.layer-popup__body .t_prd_area{
    padding:16px 24px;
    background-color: var(--cBg);
}
.layer-popup__body .t_prd_area .item{
    padding:20px;
    background-color: #fff;
    border-radius: 24px;
    box-shadow: 0 0 16px rgba(204, 209, 220, 0.4);
}

.layer-popup__body .t_prd_area .item .figure{
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    min-width: 55px;
    overflow: hidden;
}
.layer-popup__body .prd_form{
    padding:24px 24px 12px;
} 

/* 상품정렬기준 */
.layer-popup__body .sort_list{
    margin:16px 0;
}
.layer-popup__body .sort_list ul{}
.layer-popup__body .sort_list ul li{}
.layer-popup__body .sort_list ul li > a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height:40px;
    width: 100%;
}
.layer-popup__body .sort_list ul li.active > a{
    color: var(--cGray1) !important;
}
.layer-popup__body .sort_list ul li.active > a:after{
    content:'';
    background: url(../images/common/checkbox_ico2.svg)no-repeat top -12px center;
    width: 12px;
    height: 12px;
    display: inline-block;
}


/* 배송지 관리 */
.layer-popup__body .delivery_area{
    padding:16px 24px 48px;
}
.layer-popup__body .delivery_area .add{
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 42px;
    width: 100%;
    border-radius: 20px;
    border:1px solid var(--cGray7);
    font-size:14px;
    color:var(--cGray1);
    gap:4px;
}
.layer-popup__body .delivery_area .add::before{
    content:'';
    background: url(../images/common/b_add_ico.svg)no-repeat center/cover;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.layer-popup__body .delivery_area ul{}
.layer-popup__body .delivery_area ul li{
    padding:24px 0;
}
.layer-popup__body .delivery_area ul li + li{
    border-top:1px solid #E6E8EC;
}
.layer-popup__body .delivery_area ul li .t_addr{}
.layer-popup__body .delivery_area ul li .t_addr > div{}
.layer-popup__body .delivery_area ul li .t_addr > div p{
    position: relative;
}
.layer-popup__body .delivery_area ul li .t_addr > div p.place{
    font-size:16px;
    font-weight:var(--fw-semibold);
    color:var(--cGray1);
}
.layer-popup__body .delivery_area ul li .t_addr > div p.name{
    font-size:16px;
    color:var(--cGray1);
}
.layer-popup__body .delivery_area ul li .t_addr > div p + p:before{
    content:'';
    background-color:var(--cGray7);
    width: 1px;
    height: 13px;
    left: -8px;
    top:50%;
    transform: translateY(-50%);
    position: absolute;
    
}
.layer-popup__body .delivery_area ul li .t_addr > span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    font-size:11px;
    padding:0 6px;
    background-color: var(--cGray5);
    border-radius: 10px;
    line-height: 18px;
}

.layer-popup__body .delivery_area ul li .btns > a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size:13px;
    color:var(--cGray2);
    padding:0 10px;
    line-height: 30px;
    border-radius: 8px;
    border:1px solid var(--cGray7);
}
.layer-popup__body .delivery_area ul li .btns > a.select{
    background-color: var(--cGray7);
    font-weight: var(--fw-semibold);
    color: var(--cGray1);
}
.layer-popup__body .delivery_area ul li.active .btns > a.select{
    background-color: var(--primaryColor);
    color:#fff;
    border:1px solid var(--primaryColor);
}

.layer-popup__body .delivery_area02{
    padding:32px 24px 50px;
}

/* 우편번호 찾기 */
.layer-popup__body .postcode_area{
    padding:16px 24px 50px;
}

.layer-popup__body .postcode_area .caution_area{
    padding: 16px 24px 20px;
    background-color: var(--cBg);
    border-radius: 24px;
}
.layer-popup__body .postcode_area .caution_area p.dot{
    position: relative;
    padding-left:10px;
    font-size:13px;
    color:var(--cGray2);
}
.layer-popup__body .postcode_area .caution_area p.dot::before{
    content:'';
    background-color: var(--cGray2);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    left:0;
    top:7px;
}
.layer-popup__body .postcode_area .caution_area p.dot span{
    margin-top:4px;
    color:var(--primaryColor);
    font-size:13px;
}
.layer-popup__body .postcode_area ul li > a{
    border-radius: 24px;
    border:1px solid var(--cGray7);
    padding:20px;
    display: flex;
    flex-direction: column;
}
.layer-popup__body .postcode_area ul li.active > a{
    border: 1px solid var(--cGray1);
}
.layer-popup__body .postcode_area ul li > a dl{
    align-items: flex-start;
}
.layer-popup__body .postcode_area ul li > a dl dt{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color:var(--cGray4);
    font-size:13px;
    border-radius: 4px;
    border:1px solid var(--cGray6);
    line-height: 18px;
    width: 42px;
    min-width: 42px;
}

/* 쿠폰 적용하기 */

.layer-popup__body .couponApply_area{
    
}

.layer-popup__body .couponApply_area .item{
    padding:32px 16px 24px;
}
.layer-popup__body .couponApply_area .item.i1{
    background-color:var(--cBg);
    padding:16px;
}
.layer-popup__body .couponApply_area .item.i1 p{
    position: relative;
    padding-left:10px;
}
.layer-popup__body .couponApply_area .item.i1 p:before{
    content:'';
    background-color: var(--cGray3);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    left:0;
    top:7px;
}
.layer-popup__body .couponApply_area .item.i2{
    
}
.layer-popup__body .couponApply_area .item.i2 .figure{
    border-radius: 15px;
    overflow: hidden;
    width: 55px;
    min-width: 55px;
}
.layer-popup__body .couponApply_area .item.i2 .text_info p{
    position: relative;
}
.layer-popup__body .couponApply_area .item.i2 .text_info p + p:before{
    content:'';
    background-color: var(--cGray5);
    width: 1px;
    height: 10px;
    position: absolute;
    left:-5px;
    top:50%;
    transform: translateY(-50%);
}
.layer-popup__body .couponApply_area .item.i3{
    border-top:12px solid var(--cGray9);
  
}
.layer-popup__body .couponApply_area .item.i3 .total{

    padding-top:16px;
    position: relative;
}
.layer-popup__body .couponApply_area .item.i3 .total:before{
    content: '';
    background-color: #E6E8EC;
    width: 100%;
    height:1px;
    position: absolute;
    left:0;
    top:0;
}

/* 전자금융거래 이용약관, 서비스 이용약관 */
.layer-popup__body .terms_area{
    padding:16px 24px 50px;
}
.layer-popup__body .terms_area .cir-dot{
    display: flex;
    align-items: flex-start;
    gap:8px;
}
.layer-popup__body .terms_area .cir-dot::before{
    content:'';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--cGray1);
    width: 14px;
    height: 14px;
    font-size:10px;
    position:relative;
    top:2px;
    min-width: 14px;
}
.layer-popup__body .terms_area .cir-dot.d1::before{
    content:'1';
}
.layer-popup__body .terms_area .cir-dot.d2::before{
    content:'2';
}
.layer-popup__body .terms_area .cir-dot.d3::before{
    content:'3';
}
.layer-popup__body .terms_area .cir-dot.d4::before{
    content:'4';
}
.layer-popup__body .terms_area .cir-dot.d5::before{
    content:'5';
}
.layer-popup__body .terms_area .cir-dot.d6::before{
    content:'6';
}

.layer-popup__body .terms_area .dot{
    display: flex;
    align-items: flex-start;
    gap:8px;
    padding-left:22px;
}
.layer-popup__body .terms_area .dot::before{
    content:'';
    display: inline-flex;
    font-size:13px;
}
.layer-popup__body .terms_area .dot.d1::before{
    content:'1.';
}
.layer-popup__body .terms_area .dot.d2::before{
    content:'2.';
}
.layer-popup__body .terms_area .dot.d3::before{
    content:'3.';
}
.layer-popup__body .terms_area .dot.d4::before{
    content:'4.';
}
.layer-popup__body .terms_area .dot.d5::before{
    content:'5.';
}
.layer-popup__body .terms_area .dot.d6::before{
    content:'6.';
}

/* 주문 취소 신청서 */

.layer-popup__body .order-cancel-form{}
.layer-popup__body .order-cancel-form .item{}
.layer-popup__body .order-cancel-form .item .item_head{
    padding:16px 24px;
}
.layer-popup__body .order-cancel-form .item .item_body{
    padding:0 24px 24px;
}

.layer-popup__body .order-cancel-form .item .item_body .prd_infor{}
.layer-popup__body .order-cancel-form .item .item_body .prd_infor .figure{
    width: 88px;
    min-width: 88px;
    border-radius: 12px;
    overflow: hidden;
}
.layer-popup__body .order-cancel-form .item .item_body .prd_infor .text-a{}
.layer-popup__body .order-cancel-form .item .item_body .prd_infor .text-a > div span{
    position: relative;
}
.layer-popup__body .order-cancel-form .item .item_body .prd_infor .text-a > div span + span::before{
    content:'';
    width: 1px;
    height: 10px;
    background-color: var(--cGray5);
    position: absolute;
    left:-5px;
    top:50%;
    transform: translateY(-50%);
}

.layer-popup__body .order-cancel-form .item .item_body .refund-summary{
    border: 1px solid var(--cGray7);
    border-radius: 12px;
    overflow: hidden;
}
.layer-popup__body .order-cancel-form .item .item_body .item_body__t{
    padding:13px 16px;
    background-color: #FFF6F8;
}
.layer-popup__body .order-cancel-form .item .item_body .item_body__md{
    padding:16px 16px 12px;
}
.layer-popup__body .order-cancel-form .item .item_body .item_body__b{
    padding:12px 16px 16px;
    position: relative;
}
.layer-popup__body .order-cancel-form .item .item_body .item_body__b::before{
    content:'';
    background-color: #E6E8EC;
    height:1px;
    width: calc(100% - 32px);
    position: absolute;
    left:50%;
    top:0;
    transform: translateX(-50%);
}
.layer-popup__body .order-cancel-form .item .item_body .caution_box{
    font-size:13px;
    color:var(--cGray2);
    padding:16px;
    border-radius: 12px;
    background-color: var(--cBg);
    line-height: 1.4;
}

.layer-popup__body .order-cancel-form .item.i1 .item_body{
    padding-bottom:40px;
}
.layer-popup__body .order-cancel-form .item.i2{
    border-top:12px solid var(--cGray9);
    padding:16px 0;
}
.caution-toggle{

}
.caution-toggle .caution-toggle__head > a{
    padding:24px;
    border-top:1px solid #E6E8EC;
}
.caution-toggle .caution-toggle__head > a:after{
    content:'';
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(../images/common/more_ico_b.svg)no-repeat center/cover;
    transition: .25s;
}
.caution-toggle .caution-toggle__head > a.active:after{
    transform: rotate(180deg);
}
.caution-toggle .caution-toggle__body{
    display: none;
}
.caution-toggle .caution-toggle__body > div{
    display: flex;
    flex-direction: column;
    gap:6px;
    padding:16px 24px 24px;
}
.caution-toggle .caution-toggle__body > div p{
    position: relative;
    padding-left:18px;
}
.caution-toggle .caution-toggle__body > div p::before{
    content:'';
    background-color: var(--cGray2);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    left:7px;
    top:7px;
}
.layer-popup__body .order__request .item{
    padding:32px 24px 40px;
    border-top:12px solid var(--cGray9);
}
.layer-popup__body .order__request .item .item_head{
    margin-bottom:16px;
}
.layer-popup__body .order__request .item .item_head .question-btn{
    position: relative;
}
.layer-popup__body .order__request .item .item_head .question-btn > a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}
.layer-popup__body .order__request .item .item_head .question-btn > a::before{
    content:'';
    background: url(../images/common/question_ico.svg)no-repeat center/cover;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.layer-popup__body .order__request .item .item_head .question-btn .question-b{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    top:calc(100% + 7px);
    display: none;
}

.layer-popup__body .order__request .item .item_head .question-btn .question-b > div{
    position: relative;
    background:var(--cGray3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    padding:0 8px;
    height: 24px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.layer-popup__body .order__request .item .item_head .question-btn .question-b > div p{
    text-align: center;
    color:#fff;
    font-size:13px;
    letter-spacing: 0;
}

.layer-popup__body .order__request .item .item_head .question-btn .question-b >  div::after{
    content: "";
    position: absolute;
    left: 50%;
    top: -6px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid var(--cGray3);
}

.layer-popup__body .order__request .item .item_head .modify_btn{
   display: inline-flex;
   align-items: center;
   justify-content: center;
   line-height: 30px;
   border-radius: 8px;
   border: 1px solid var(--cGray6);
   font-size:14px;
   color:var(--cGray2);
   padding:0 3px 0 8px;
   gap:3px;
}
.layer-popup__body .order__request .item .item_head .modify_btn:after{
    content:'';
    background: url(../images/common/more_ico_g.svg)no-repeat center/cover;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.layer-popup__body .order__request .item .item_body .prd_infor{}
.layer-popup__body .order__request .item .item_body .prd_infor .figure{
    width: 88px;
    min-width: 88px;
    border-radius: 12px;
    overflow: hidden;
}
.layer-popup__body .order__request .item .item_body .prd_infor .text-a{}
.layer-popup__body .order__request .item .item_body .prd_infor .text-a > div span{
    position: relative;
}
.layer-popup__body .order__request .item .item_body .prd_infor .text-a > div span + span::before{
    content:'';
    width: 1px;
    height: 10px;
    background-color: var(--cGray5);
    position: absolute;
    left:-5px;
    top:50%;
    transform: translateY(-50%);
}
.layer-popup__body .order__request .item .item_body .caution_box{
    font-size:13px;
    color:var(--cGray2);
    padding:16px;
    border-radius: 12px;
    background-color: var(--cBg);
    line-height: 1.4;
}

.layer-popup__body .order__request .item .item_body .refund-summary{
    border: 1px solid var(--cGray7);
    border-radius: 12px;
    overflow: hidden;
}
.layer-popup__body .order__request .item .item_body .item_body__t{
    padding:13px 16px;
    background-color: #FFF6F8;
}
.layer-popup__body .order__request .item .item_body .item_body__md{
    padding:16px 16px 12px;
}
.layer-popup__body .order__request .item .item_body .item_body__b{
    padding:12px 16px 16px;
    position: relative;
}
.layer-popup__body .order__request .item .item_body .item_body__b::before{
    content:'';
    background-color: #E6E8EC;
    height:1px;
    width: calc(100% - 32px);
    position: absolute;
    left:50%;
    top:0;
    transform: translateX(-50%);
}

.layer-popup__body .review-write{}
.layer-popup__body .review-write .item{
    padding:16px 24px 40px;
}
.layer-popup__body .review-write .item .item_head{
    margin-bottom: 16px;
}
.layer-popup__body .review-write .item .item_body .prd_infor .figure{
    width: 88px;
    min-width: 88px;
    border-radius: 12px;
    overflow: hidden;
}
.layer-popup__body .review-write .item .item_body .prd_infor .text-a{}
.layer-popup__body .review-write .item .item_body .prd_infor .text-a > div span{
    position: relative;
}
.layer-popup__body .review-write .item .item_body .prd_infor .text-a > div span + span::before{
    content:'';
    width: 1px;
    height: 10px;
    background-color: var(--cGray5);
    position: absolute;
    left:-5px;
    top:50%;
    transform: translateY(-50%);
}
.star-rating{}
.star-rating > a{
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/common/b_star_ico.svg)no-repeat bottom center;
}
.star-rating > a.active{
    background-position: top center;
}

.layer-popup__body .experience-review{}

.layer-popup__body .experience-review > div{
    padding:16px 24px 40px;
}
.layer-popup__body .experience-review .item ul{}
.layer-popup__body .experience-review .item ul > li{
    width: 100%;
}
.layer-popup__body .experience-review .item ul > li > a{
    padding:16px;
    border-radius: 12px;
    border: 1px solid var(--cGray7);
}
.layer-popup__body .experience-review .item ul > li > a .figure{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    min-width: 50px;
    border-radius: 8px;
    overflow: hidden;
}
.layer-popup__body .experience-review .item ul > li > a > p{

}
.layer-popup__body .experience-review .item ul > li.active > a{
    border:1px solid var(--cGray2);
}
.layer-popup__body .experience-review .item ul > li.active > a .text-a > p{
    font-weight: var(--fw-bold);
}
.layer-popup__body .experience-review .item + .item{
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid var(--cGray8);
}
/* 브랜드 이용약관 및 마케팅 수신 동의 */
.layer-popup__body .brand-terms__container{
    padding:16px 24px 40px;
}

.layer-popup__body .brand-terms__container .chkbox + label{
    gap:0 !important;
    font-size:14px !important;
    color:var(--cGray2) !important;
}
.layer-popup__body .brand-terms__container .chkbox.chk-item + label,
.layer-popup__body .brand-terms__container .chkbox.chk-all + label{
    gap:6px !important;
}

.layer-popup__body .brand-terms__container .chkbox + label strong{
    margin:0 2px 0 6px;
}

/* 상품선택 */
.layer-popup__body .prd-select{

}
.layer-popup__body .prd-select .prd-select__form{
    padding:16px 24px 20px;
}
.layer-popup__body .prd-select .prd-select__form .prd-select__form__btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    line-height:48px;
    font-size:14px;
    color:var(--cGray1);
    border:1px solid var(--cGray7);
    border-radius: 10px;
}
.layer-popup__body .prd-select .prd-select__form .prd-select__form__btn a.disabled{
    background-color: var(--cGray7);
    color:var(--cGray4);
    pointer-events: none;
}
.layer-popup__body .prd-select .prd-select__list{
    padding:32px 24px;
    border-top:12px solid var(--cGray9);
}
.layer-popup__body .prd-select .prd-select__list > .list-title{}
.layer-popup__body .prd-select .prd-select__list > .list-title h3{}
.layer-popup__body .prd-select .prd-select__list > .list-title span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(63, 81, 227, 0.08);
    border-radius: 20px;
    min-height:23px;
    padding:0 8px;
    font-size:11px;
    font-weight:var(--fw-medium);
    color:var(--primaryColor);
}
.layer-popup__body .prd-select .prd-select__list > ul{}
.layer-popup__body .prd-select .prd-select__list > ul > li{}
.layer-popup__body .prd-select .prd-select__list > ul > li > a{
    padding:16px;
    border-radius: 12px;
    border:1px solid var(--cGray7);
}
.layer-popup__body .prd-select .prd-select__list > ul > li > a .figure{
    width: 88px;
    min-width: 88px;
    border-radius: 12px;
    overflow: hidden;
}
.layer-popup__body .prd-select .prd-select__list > ul > li.active > a{
    border: 1px solid var(--cGray1);
}
.layer-popup__body .prd-select .prd-select__list .none{
    display: flex;
    justify-content: center;
    padding:22vh 0;
}
.layer-popup__body .membership-point__container .dot{
    position: relative;
    padding-left:13px;
}
.layer-popup__body .membership-point__container .dot:before{
    content:'';
    background-color: var(--cGray5);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    left:4px;
    top:6px;
}
.layer-popup__body .membership-point__container{
    padding-bottom:20px;
}
.layer-popup__body .membership-point__container .barcode{
    background-color: #fff;
    border-radius: 12px;
    padding:16px 30px;
}
.layer-popup__body .membership-point__container .barcode > div{
    max-width: 275px;
    margin:0 auto;
}

.layer-popup__body .select-profile__container{
    padding-bottom:8px;
}
.layer-popup__body .select-profile__container > ul{
    display: flex;
    flex-wrap: wrap;
    gap:24px;
}
.layer-popup__body .select-profile__container > ul > li{
    width: calc((100% / 3) - 16px);
}
.layer-popup__body .select-profile__container > ul > li > a{
    position: relative;
}
.layer-popup__body .select-profile__container > ul > li.active > a::before{
    content:'';
    background: url(../images/common/check_point.svg)no-repeat center/cover;
    width: 24px;
    height: 24px;
    position: absolute;
    right:0;
    top:0;
}
.layer-popup__body .select-profile__container > ul > li > a > .figure{
    overflow: hidden;
    border-radius: 50%;
    padding:2px;
}
.layer-popup__body .select-profile__container > ul > li.active > a > .figure{
    padding:2px;
    background: linear-gradient(225deg, #00B8BA 0%, #3E52E3 100%);
}
.layer-popup__body .select-profile__container > ul > li > a > .figure img{
    width: 100%;
    border-radius: 50%;
    display:block;
    background-color: #fff;
}
/* ip 구독 리스트 */
.layer-popup__body .subscription-list__container{
  padding-bottom:20px;
}
.layer-popup__body .subscription-list__container .swiper {
    
    padding:16px 5px 20px 3px;
}
.layer-popup__body .subscription-list__container .swiper .swiper-slide{}
.layer-popup__body .subscription-list__container .swiper .swiper-slide > ul{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap:16px 12px;
}
.layer-popup__body .subscription-list__container .swiper .swiper-slide > ul > li{
    display: flex;
    width: calc((100% / 3) - 8px);
}
.layer-popup__body .subscription-list__container .swiper .swiper-slide > ul > li > a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width:100%;
    height:100%;
    padding:16px 13px 20px;
    border-radius: 32px;
    border:1px solid var(--cGray7);
    position: relative;
}
.layer-popup__body .subscription-list__container .swiper .swiper-slide > ul > li.active > a{
    box-shadow: 0 0 16px rgba(204, 209, 220, 0.4);
    border:1px solid var(--primaryColor);
}
.layer-popup__body .subscription-list__container .swiper .swiper-slide > ul > li.active > a:after{
    content:'';
    background: url(../images/common/check_point.svg)no-repeat center/cover;
    width: 20px;
    height: 20px;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    top:-10px;
}
.layer-popup__body .subscription-list__container .swiper .swiper-slide > ul > li > a p{
    text-align: center;
}

.layer-popup__body .subscription-list__container .swiper.js-swiper .swiper-pagination {
    position: relative;
    left: auto;
    right: auto;
    bottom: -20px;
    top: auto;
}
.layer-popup__body .subscription-list__container .swiper.js-swiper .swiper-pagination span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e6eaf4;
    transition: 0.25s;
    opacity: 1;
    margin: 0 2px;
}
.layer-popup__body .subscription-list__container .swiper.js-swiper .swiper-pagination span.swiper-pagination-bullet-active {
    width: 16px;
    height: 6px;
    border-radius: 100px;
    background-color: var(--primaryColor);
}
.layer-popup__body .board-policy .cuation-box > div{
    background-color: var(--cBg);
    border-radius: 12px;
    padding:16px 14px;
}
.layer-popup__body .board-policy .cuation-box > div ul li{
    display: flex;
    gap:4px;
}
.layer-popup__body .board-policy .cuation-box > div ul li:nth-child(1):before{
    content:'1.';
}
.layer-popup__body .board-policy .cuation-box > div ul li:nth-child(2):before{
    content:'2.';
}
.layer-popup__body .board-policy .cuation-box > div ul li:nth-child(3):before{
    content:'3.';
}
.layer-popup__body .board-policy .cuation-box > div ul li:nth-child(4):before{
    content:'4.';
}

.layer-popup__body .video-container{
   position: relative;
    aspect-ratio: 323 / 181;
    width: 100%;
    height: 100%;
}
.layer-popup__body .video-container iframe{
    position: absolute;
    left:0;
    top:0;
    aspect-ratio: 323 / 181;
    width: 100%;
    height: 100%;
}


.layer-popup__body .network__container .barcode{
    background-color: #fff;
    border-radius: 12px;
    padding:16px 30px;
}
.layer-popup__body .network__container .barcode > div{
    max-width: 275px;
    margin:0 auto;
}
.layer-popup.is-network .layer-popup__head{
    height:20px;
}
.layer-popup.is-network .layer-popup__body{
    height:calc(100% - 32px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}
.layer-popup.is-network .layer-popup__contents{
 display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.layer-popup.is-network .buttons{
    padding:0 !important;
    background: none !important;
    gap:0 !important;
    position: absolute !important;
    right:20px !important;
    top:0 !important;
    width: 24px !important;
    height:24px !important;

    left:auto !important;
}

.layer-popup.is-network .buttons > a{
    display: flex;
    width: 24px;
    height: 24px;
    background: url(../images/common/network_cls.svg)no-repeat center/cover;
}